<template>
	<view class="shop_wallet">
		<view class="shop_wallet_head">
			<p style="margin-left: 20px;color: white;margin-top: 24px;font-weight: bold;">钱包余额(元)</p>
			<p style="font-size: 30px;font-weight: bold;color:white;margin-top: 8px;margin-left: 16px;">10000</p>
			<view style="height: 50px;">
				<u-button type="primary" :plain="true" text="充值" shape="circle" style="float:left;width: 160px;margin-left: 10px;margin-top: 40px;font-weight: bold;"></u-button>
				<u-button type="primary" @click="toWithdrawal" shape="circle" text="提现" style="margin-left: 20px;float:left;width: 160px;margin-top: 40px;font-weight: bold;"></u-button>
			</view>
			
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				// 钱包余额
				money:10000
			}
		},
		methods:{
			// 跳转提现页面
			toWithdrawal(){
				uni.navigateTo({
					url:"/pages/shop/shop-withdrawal?money=" + this.money
				})
			}
		}
	}
</script>

<style scoped>
	.shop_wallet{
		width: 414px;
		height: 852px;
	}
	.shop_wallet_head{
		width: 356px;
		height: 220px;
		border-radius: 16px;
		background-color: #34B9F9;
		margin-left: 10px;
		margin-top: 10px;
		overflow: hidden;
	}
</style>